<!DOCTYPE html>
<html lang="en">
  <head>
    <title>STL文件测量</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      #main {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
      }
      #main p {
        display: inline-block;
        font-size: 18px;
        vertical-align: middle;
      }
      #main p:not(:first-of-type) {
        margin-left: 12px;
      }
      .upload-file {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 2;
      }
    </style>
    <script>
      window.base_url = '127.0.0.1:5000'
    </script>
  </head>
  <div id="main">
    <div>
      <p>尺寸：<span id="volume"></span></p>
      <p>面积：<span id="area"></span>cm³</p>
      <p>质量：<span id="weight"></span>g</p>
    </div>
    <p>浏览地址：<span id="url"></span></p>
  </div>
  <div class="upload-file">
    <form id="form" action="/upload" method="post" onsubmit="return uploadAttachment()"  target="postframe" enctype="multipart/form-data">
      <input type="file" name="file">
      <input type="submit" value="提交">
  </form>
  </div>
  <body>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.form.js"></script>
    <script src="js/three.js"></script>
    <script src="js/STLLoader.js"></script>
    <script src="js/Detector.js"></script>
    <script src="js/OrbitControls.js"></script>
    <script src="js/handLoader.js"></script>
  </body>
</html>
